<template>
  <div class="jcstyle"
       @click="toTesting(list)">
    <div class="jcstyle-img">
      <img :src="list.url"
           alt="">
    </div>
    <div class="jcstyle-title">{{ list.name }}
      <p>立即检测</p>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Object,
      required: true
    }
  },
  created () {
    this.list
  },
  methods: {
    toTesting (list) {
      this.$router.push({ name: "ccpage", params: { list: list } })
    }
  }
}
</script>

<style scoped>
.jcstyle {
  width: 48%;
  margin: 0.1rem 0.05rem;
  border: 0.01rem solid #eee;
  border-radius: 0.06rem;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
}
.jcstyle-img {
  width: 100%;
  height: 2rem;
}
.jcstyle-img img {
  width: 100%;
  height: 100%;
}
.jcstyle-title {
  font-size: 0.2rem;
  height: 0.7rem;
  line-height: 0.7rem;
  display: flex;
  justify-content: space-around;
}
.jcstyle-title p {
  color: #228ef7;
}
</style>
